<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
    图片标签通过img表示,是一个行级标签,默认在同一行展示
    当这一行放不下之后会换行到下一行继续展示
    src属性:指定图片地址
        绝对路径:一般用于指定互联网上某个图片的url地址
        相对路径:一般用于指定本地存在的某个图片
            ..表示上一级目录
            .表示当前目录,可以省略
    alt属性:当src属性指定的地址不存在时显示的内容
    width/height:指定图片的宽度与高度
        当只设置其中一个属性时,另一个属性会成比例变化
        图片放大后,清晰度会降低
    title:指定图片的标题,当鼠标悬停在图片上时会显示标题的内容
-->
<!--<img src="http://gips0.baidu.com/it/u=3560029307,576412274&fm=3028&app=3028&f=JPEG&fmt=auto?w=960&h=1280" alt="图片不存在">-->
<img src="../images/heihei.gif" alt="图片加载失败" title="马上国庆了,又要放假了,真开心!">
<img src="../images/1.gif" alt="图片加载失败">
<img src="../images/heihei.gif" width="500px" alt="图片加载失败">
<img src="../images/heihei.gif" width="500px" height="200px" alt="图片加载失败">
<img src="../images/heihei.gif" width="200px" height="500px" alt="图片加载失败">
</body>
</html>